<template>
  <div id="body">
    <div id="top">
      <TopBar />
    </div>
    <div id="center">
      <BiLl />
      <GraPhic />
      <Loan />
      <OveRseas/>
    </div>
    <div id="bottom">
      <BottomBar />
    </div>
  </div>
</template>

<script>
import TopBar from "../components/TopBar.vue";
import BiLl from "../components/CreditCar/Home/BiLl.vue";
import GraPhic from "../components/CreditCar/Home/GraPhic.vue";
import Loan from "../components/CreditCar/Home/LoAn.vue";
import OveRseas from "../components/CreditCar/Home/OveRseas.vue";
export default {
  components: { TopBar, BiLl, GraPhic, Loan , OveRseas },
};
</script>

<style lang="scss" scoped>
#body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  #top {
    width: 100%;
    height: 0.67rem;
  }

  #center {
    flex: 1;
    width: 3.59rem;
    margin: 0 auto;
  }

  #bottom {
    width: 100%;
    height: 0.7rem;
  }
}
</style>